﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="left.aspx.cs" Inherits="Fishing.Admin.left" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>角色管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet" />
    <link href="data/styles.css" type="text/css" rel="stylesheet" />
    <link href="files/角色管理/styles.css" type="text/css" rel="stylesheet" />
    <link href="../static/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" />
    <link href="../static/bootstrapvalidator-master/dist/css/bootstrapValidator.css" rel="stylesheet" />
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/角色管理/data.js"></script>
    <script type="text/javascript">
        $axure.utils.getTransparentGifPath = function () { return 'resources/images/transparent.gif'; };
        $axure.utils.getOtherPath = function () { return 'resources/Other.html'; };
        $axure.utils.getReloadPath = function () { return 'resources/reload.html'; };
    </script>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
            font-size: 14px;
        }

        ul {
            list-style: none;
        }

        .main {
            margin: auto;
            margin-top: 40px;
            position: relative;
            width: 100px;
            min-width: 50px;
            height: 200px;
        }

            .main .nav {
                width: 100px;
                margin: 0px auto;
                margin-top: 10px;
            }

                .main .nav a {
                    width: 100px;
                    height: 50px;
                    line-height: 3.5;
                    text-align: center;
                    text-decoration: none;
                    background-color: cadetblue;
                    display: block;
                    color: Black;
                    font-weight: bold;
                }

        .navcontent {
            padding-left: 0;
            padding-top: 0;
            margin-top: 0;
            list-style: none;
            overflow: hidden;
            text-align: right;
            margin-bottom: 1px;
            text-align: center;
            transition: all .4s ease-out;
            height: 100%;
        }

            .navcontent li {
                border-radius: 2px;
                position: relative;
                display: inline-block;
                margin-left: 35px;
                line-height: 3.5;
                height: 50px;
                width: 100%;
                margin: 0;
                margin-bottom: 10px;
                transition: background 3s;
                box-shadow: 2px 2px 10px -2px rgba(0,0,0,.35);
                background-color: rgba(0,0,0,0);
                color: Black;
                font-weight: bold;
            }

        .main .nav .navcontent {
            display: none;
        }
    </style>

</head>
<body>
    <form runat="server" class="form-horizontal center-block col-md-12">

        <div class="col-md-12 ">
            <div class="col-md-12 well" style="height: 10vh;">
                <div class="col-sm-12 text-center">
                    <div class="col-sm-1">
                        <asp:ImageButton runat="server" ID="ImgBtnSave" ImageUrl="images/角色管理/save_u93.svg" Style="height: 40px; width: 40px;" />
                        <asp:Label ID="lbUserID" runat="server" Text="admin"></asp:Label>
                    </div>

                </div>
            </div>

            <div class="col-md-4 ">
                <ul class="main">
                    <li class="nav"><a href="#">文创商户</a>
                        <ul class="navcontent">
                            <li style="margin-top: 10px">文创商户01</li>
                            <li>文创商户02</li>
                            <li>文创商户03</li>
                        </ul>
                    </li>
                    <li class="nav"><a href="#">特色餐饮</a>
                        <ul class="navcontent">
                            <li style="margin-top: 10px">特色餐饮01</li>
                            <li>特色餐饮02</li>
                            <li>特色餐饮03</li>
                        </ul>
                    </li>
                    <li class="nav"><a href="#">后台专区</a>
                        <ul class="navcontent">
                            <li style="margin-top: 10px">搜索优化</li>
                            <li>CSS专区</li>
                            <li>ASP专区</li>
                        </ul>
                    </li>
                </ul>
            </div>




        </div>



    </form>
</body>
</html>
<script src="../static/jquery-1.10.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var navs = $(".nav");
        var navcontents = $(".navcontent");
        var navlen = navs.length;

        $(".nav a").click(function () {
            if ($(this).siblings().css("display") == "none") {
                $(this).siblings().css("display", "block")
            }
            else {
                $(this).siblings().css("display", "none")
            }
        })
    }) 
</script>
